<template>
  <div>
      <!-- 差旅 -->
      <el-row style="margin-top: 15px"  v-if="applyType == 'CL' || applyType == 'PCL'">
        <el-table :data="travelList" border style="width: 100%">
          <el-table-column prop="prjCode" label="项目编号" v-if="applyType == 'PCL'"></el-table-column>
          <el-table-column
            prop="prjName"
            label="项目名称"
            v-if="applyType == 'PCL'"
          ></el-table-column>
          <el-table-column prop="startDate" label="出发日期"></el-table-column>
          <el-table-column prop="startAddress" label="出发地"></el-table-column>
          <el-table-column prop="endDate" label="到达日期"></el-table-column>
          <el-table-column
            prop="endAddress"
            label="到达地"
          ></el-table-column>
          </el-table>
      </el-row>

<!-- 交通 -->
      <el-row style="margin-top: 15px"  v-if="applyType == 'JT' || applyType == 'PJT'">
        <el-table :data="travelList" border style="width: 100%">
          <el-table-column prop="prjCode" label="项目编号"  v-if="applyType == 'PJT'"></el-table-column>
          <el-table-column
            prop="prjName"
            label="项目名称"
            v-if="applyType == 'PJT'"
          ></el-table-column>
          <el-table-column prop="trfficeDate" label="乘车日期"></el-table-column>
          <el-table-column prop="startTime" label="上车时间"></el-table-column>
          <el-table-column prop="endTime" label="下车时间"></el-table-column>
          <el-table-column prop="startAddress" label="起点"></el-table-column>
          <el-table-column prop="endAddress" label="终点"></el-table-column>
          <el-table-column prop="amount" label="金额"></el-table-column>
          <el-table-column prop="remark" label="情况说明"></el-table-column>
        </el-table>
      </el-row>

      <!-- 交际明细 -->
      <el-row style="margin-top: 15px"  v-if="applyType == 'JJ' || applyType == 'PJJ'">
        <el-table :data="travelList" border style="width: 100%">
          <el-table-column prop="prjCode" label="项目编号" v-if="applyType == 'PJJ'" ></el-table-column>
          <el-table-column
            prop="prjName"
            label="项目名称"
            v-if="applyType == 'PJJ'"
          ></el-table-column>
          <el-table-column prop="societyDate" label="招待日期"></el-table-column>
          <el-table-column prop="customInf" label="客户信息"></el-table-column>
          <el-table-column prop="personInf" label="陪同人员信息"></el-table-column>
          <el-table-column prop="allNum" label="总消费人数"></el-table-column>
          <el-table-column prop="allAmount" label="消费金额"></el-table-column>
          <el-table-column prop="averAmount" label="人均消费"></el-table-column>
          <el-table-column prop="societyAddress" label="招待地点"></el-table-column>
          <el-table-column prop="remark" label="招待事项说明"></el-table-column>
        </el-table>
      </el-row>

      <!-- 其他明细 -->
      <el-row style="margin-top: 15px"  v-if="applyType == 'QT'  || applyType == 'PQT'">
        <el-table :data="travelList" border style="width: 100%">
          <el-table-column prop="prjCode" label="项目编号" v-if="applyType == 'PQT'" ></el-table-column>
          <el-table-column
            prop="prjName"
            label="项目名称"
            v-if="applyType == 'PQT'"
          ></el-table-column>
          <el-table-column prop="remark" label="报销内容说明"></el-table-column>
          <el-table-column prop="pType" label="票据类型"></el-table-column>
          <el-table-column prop="mType" label="管理类别"></el-table-column>
          <el-table-column prop="amount" label="合计"></el-table-column>
        </el-table>
      </el-row>


      <!-- 展览费用明细 -->
      <el-row style="margin-top: 15px"  v-if="applyType == 'ZL'">
        <el-table :data="travelList" border style="width: 100%">
          <el-table-column prop="exhibitName" label="展会名称"></el-table-column>
          <el-table-column prop="address" label="地点"></el-table-column>
          <el-table-column prop="deptContent" label="主办部门"></el-table-column>
          <el-table-column prop="remark" label="简要说明"></el-table-column>
          <el-table-column prop="personCount" label="本单位参加人数"></el-table-column>
          <el-table-column prop="amount" label="合计"></el-table-column>
        </el-table>
      </el-row>


      <!-- 会议费用明细明细 -->
      <el-row style="margin-top: 15px"  v-if="applyType == 'YH'">
        <el-table :data="travelList" border style="width: 100%">
          <el-table-column prop="exhibitName" label="会议名称"></el-table-column>
          <el-table-column prop="address" label="地点"></el-table-column>
          <el-table-column prop="deptContent" label="主办部门"></el-table-column>
          <el-table-column prop="remark" label="简要说明"></el-table-column>
          <el-table-column prop="personCount" label="本单位参加人数"></el-table-column>
          <el-table-column prop="amount" label="合计"></el-table-column>
        </el-table>
      </el-row>
  </div>
</template>

<script>

  export default {
    props:{
        travelList:{
            type:Array,
            require:true
        },
        applyType:{
            type:String,
            require:true
        }
        },
    data () {
      return {

      };
    },

    components: {},

    computed: {},

    beforeMount() {},

    mounted() {
    },

    methods: {},

    watch: {}

  }

</script>
<style lang='' scoped>

</style>